<template>
    <div class="app-container" v-if="$route.meta.show">
    <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="PC菜单" name="first" :lazy="true"><menu-tab-content :params="{is_mobile:0}" v-if="activeName=='first'"></menu-tab-content></el-tab-pane>
        <el-tab-pane label="手机菜单" name="second" :lazy="true"><menu-tab-content :params="{is_mobile:1}" v-if="activeName=='second'"></menu-tab-content></el-tab-pane>
    </el-tabs>
        <router-view> </router-view>
    </div>
</template>
<script>
    import MenuTabContent from "./TabContent";
    export default {
        components: {MenuTabContent},
        data() {
            return {
                activeName: 'first'
            };
        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    };
</script>
